<template>
	<div style="padding:0px;">
		<el-form :model="dialogForm"  ref="dialogForm" label-width="170px">
			<el-tabs v-model="activeName" type="card" >
				<template v-for="(item,index) in dialogForm.tabs">
					<el-tab-pane :label="item.name" :name="item.id">
	                    <el-input  v-model="item.value" auto-complete="off"  ></el-input>
	                    <el-radio-group v-model="item.radio" >
						    <el-radio :label="3">备选项3</el-radio>
						    <el-radio :label="6">备选项6</el-radio>
						    <el-radio :label="9">备选项9</el-radio>
						</el-radio-group>
				    </el-tab-pane>
				</template>
			</el-tabs>
			<div style="text-align:right;margin-top:15px;">
				 <el-button  type="primary" @click="submitConfirmForm('dialogForm')">提 交</el-button>
			</div>
		</el-form>
	</div>
</template>

<script  >
	export default{
		created(){
           
        },
		components:{},
		data(){
			return{
				
				dialogForm:{
					tabs:[{name:"1",id:"1",value:"",radio:""},{name:"2",id:"2",value:"",radio:""},{name:"3",id:"3",radio:"" }]
				},
				activeName:"1"
			}
		},
		methods:{
			submitConfirmForm(){
				console.log(this.dialogForm)
			}

		}
	};
</script>
